<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="content">
    <input id="v_file" type="file" style="display:none;" onChange="play()"/>
    <button id="play" onClick="start()">播放</button>
    <button id="stop" onClick="stop()">停止</button>
    <video id="video_id" controls autoplay></video>
</div>

</body>
<script>
    function start(){
        var v_file=document.getElementById('v_file');
        v_file.click();
    }
    function stop(){
        document.getElementById("video_id").src = "";
    }
    function play(){
        var file = document.getElementById('v_file').files[0];
        var url = URL.createObjectURL(file);
        console.log(url);
        document.getElementById("video_id").src = url;

    }
</script>
</html>